<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${siteName} | 个人中心-我的讨论</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" sizes="32x32" href="icon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="icon/favicon-16x16.png">
    <link rel="stylesheet" href="admin/plugins/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="css/ionicons/2.0.1/ionicons.min.css">
    <link rel="stylesheet" href="admin/plugins/datatables-bs4/css/dataTables.bootstrap4.css">
    <link rel="stylesheet" href="admin/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">
    <link rel="stylesheet" href="admin/css/adminlte.min.css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
            </li>
        </ul>
        <ul class="navbar-nav ml-auto">
            <li class="nav-item dropdown">
                <a class="nav-link" data-toggle="dropdown" href="#">
                    <i class="far fa-user text-gray"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                    <div class="dropdown-divider"></div>
                    <a href="javascript:void(0);" class="dropdown-item" onclick="logout();">
                        <i class="fas fa-sign-out-alt mr-2"></i>登出
                    </a>
                </div>
            </li>
        </ul>
    </nav>

    <#include "./userCenterAside.ftl">

    <div class="content-wrapper">
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>我的讨论</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="/">主页</a></li>
                            <li class="breadcrumb-item active">我的讨论</li>
                        </ol>
                    </div>
                </div>
            </div>
        </section>
        <section class="content">
            <#if (commentList?size > 0)>
            <ul class="p-0">
                <#list commentList as row>
                    <div class="callout callout-info">
                        <h6>
                            <i class="fas fa-info"></i>
                            <a class="mr-3 ml-3" href="/fiction/${row[2]}">${row[3]}</a>
                            <span class="text-gray">${row[0]}</span>
                            <div class="float-right">
                                <i class="fas fa-thumbs-down mr-2 ml-5 text-green"></i>
                                <span class="text-green">${row[5]}</span>
                                <i class="fas fa-thumbs-up mr-2 ml-5 text-red"></i>
                                <span class="text-red mr-5">${row[4]}</span>
                            </div>
                        </h6>
                        ${row[1]}
                    </div>
                </#list>
            </ul>
            <#else>
            <div class="card-body" style="align-items: center; justify-content: center; display: flex; min-height: 500px;">
                <h1 class="text-gray">您还未对任何文章讨论过</h1>
            </div>
            </#if>
        </section>
    </div>
    <#include "./footer.ftl">
</div>

<script src="admin/plugins/jquery/jquery.min.js"></script>
<script src="admin/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="admin/plugins/datatables/jquery.dataTables.js"></script>
<script src="admin/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
<script src="admin/plugins/sweetalert2/sweetalert2.min.js"></script>
<script src="admin/js/adminlte.min.js"></script>
<script src="utility.js"></script>
<script src="script/page/usercenter.js"></script>
</body>
</html>
